@charset utf-8;

@font-face
{
    font-weight:400;
    font-style:normal;
    font-family:'font168en';
    src:url(../fonts/font168en.ttf);
}

*
{
    margin:0;
    padding:0;
}

ul li
{
    list-style:none;
}

a
{
    text-decoration:none;
}

input
{
    background:0 0;
}

input,textarea
{
    outline:0;
    font-size:14px;
    font-family:Arial,"微软雅黑";
    -webkit-appearance:none;
}

.clear
{
    clear:both;
}

.ellipsis
{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.yy_tag_I
{
    margin:0 5px;
}

body,html
{
    width:100%;
    height:100%;
    background:#fff;
    color:#929292;
    font:12px/1.8 "微软雅黑";
}

body
{
    overflow-x:hidden;
    min-width:75pc;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover
{
    border:1px solid #999;
    background-color:#999;
}

#header
{
    position:fixed;
    z-index:99;
    width:100%;
    height:auto;
    font-size:16px;
    transition:all ease .3s;
    transition-property:padding,background;
}

.nobanner #header
{
    background:hsla(0,0%,100%,.9);
}

#header .content
{
    padding:0 40px;
}

#header.mini
{
    padding-top:10px;
    background-color:rgba(0,0,0,.51);
}

#header #logo
{
    float:left;
    display:block;
    width:auto;
}

#header ul li.navitem
{
    position:relative;
    float:left;
    width:auto;
    height:60px;
    line-height:60px;
    padding:0 20px 10px;
}

#header ul li.navitem ul.subnav
{
    position:absolute;
    visibility:hidden;
    width:210px;
    border-top:3px solid #838383;
    opacity:0;
    transition:all .3s ease-out 0;
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0);
}

#header ul li.navitem:hover ul.subnav
{
    visibility:visible;
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}

#header ul li.navitem a
{
    color:#fff;
    transition:none ease-out .3s;
    transition-property:color,background,text-indent,opacity;
}

#header ul li.navitem ul.subnav li
{
    border-bottom:1px solid #2e2f29;
}

#header ul li.navitem ul.subnav li a
{
    display:block;
    width:150px;
    height:20px;
    background:rgba(0,0,0,.7);
    color:#000;
    font-size:16px;
    line-height:20px;
    padding:14px 30px;
}

#header ul li.navitem ul.subnav li a i
{
    float:right;
    margin-top:5px;
    opacity:0;
    transition:all ease-out .2s;
}

#header ul li.navitem ul.subnav li a:hover
{
    background:#000;
    color:#fff;
    text-indent:10px;
}

#sitecontent
{
    height:auto;
    min-height:750pt;
}

#indexPage #mslider
{
    position:relative;
    overflow:hidden;
    width:100%;
    height:100%;
}

#indexPage #mslider .bx-wrapper
{
    position:fixed;
    width:100%;
}

#indexPage #mslider .bx-wrapper .bx-pager
{
    bottom:50px;
}

#indexPage #mslider ul li
{
    display:block;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

#indexPage #mslider ul li a
{
    display:table;
    width:100%;
    height:100%;
}

#indexPage #mslider ul li div
{
    display:table-cell;
    color:transparent;
    vertical-align:middle;
    text-align:center;
}

#indexPage #mslider ul li p
{
    color:#fff;
    text-align:center;
    opacity:0;
    -webkit-transition:all ease-out .3s;
    transition:all ease-out .3s;
    transform:translateY(25px);
}

#indexPage #mslider ul li p.title
{
    height:70px;
    font-size:60px;
    line-height:70px;
    transition-delay:0;
}

#indexPage #mslider ul li p.subtitle
{
    height:20px;
    font-size:1pc;
    transition-delay:.2s;
}

#indexPage #mslider ul li a i
{
    text-indent:20px;
    font-size:24px;
}

#indexPage #mslider ul li.active p
{
    opacity:1;
    transform:translateY(0);
}

#indexPage .module
{
    position:relative;
    z-index:2;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

#indexPage .module .bgmask
{
    position:absolute;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.7);
}

#indexPage .module.bgShow
{
    background-attachment:fixed;
}

#indexPage .module .content
{
    position:absolute;
    top:50%;
    width:100%;
}

#indexPage #mservice .content
{
    margin-top:-238px;
    height:516px;
}

.content .header
{
    padding-top:5pc;
    padding-bottom:50px;
}

#indexPage .content .header
{
    padding-top:0;
}

.content .header p.title
{
    color:#005ca1;
    text-align:center;
    font-size:20px;
    font-weight: bold;
}

.content .header p.subtitle
{
    color:#000;
    font-size:1pc;
}

#indexPage .slider_control
{
    display:block;
    font-size:36px;
}

#indexPage .slider_control i
{
    color:#a1a1a1;
}

#indexPage .slider_control.fr
{
    text-align:right;
}

#indexPage #mservice .wrapper
{
    width:100%;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-next
{
    right:-5pc;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-prev
{
    left:-5pc;
}

#servicelist
{
    width:1126px;
    margin:0 auto;
}

#servicelist .wrap
{
    margin-right:-50px;
}

#servicelist .serviceitem
{
    float:left;
    margin-right:50px;
    margin-bottom:50px;
    width:342px;
    height:335px;
    animation-name:slideInUp;
}

#servicelist .serviceitem a
{
    display:inline-block;
    width:100%;
    height:100%;
}

#servicelist .serviceitem a img
{
    float:none;
    /*width:342px;*/
    /*height:auto;*/
    /*margin:0 auto;*/
}

#servicelist .serviceitem div
{
    margin-top:15px;
    text-align:center;
}

#servicelist .serviceitem div p.title
{
    height:40px;
    color:#000;
    font-size:1pc;
    line-height:40px;
    transition:all ease-out .2s;
}

#servicelist .serviceitem div p.description
{
    overflow:hidden;
    width:100%;
    height:50px;
    color:#848484;
    font-size:14px;
    line-height:24px;
}

#indexPage #mservice .slider_control
{
    color:#898989;
}

#indexPage #mservice .slider_control:hover
{
    color:#141414;
}

#indexPage #mproject .content
{
    margin-top:-15%;
}

#indexPage #mproject .content .wrapper
{
    width:100%;
    margin:0;
}

#projectlist .projectitem
{
    position:relative;
    float:left;
    margin-right:1%;
    margin-bottom:1%;
    width:24%;
    height:auto;
    background:#000;
    animation-name:slideInUp;
}

#indexPage #mproject a.more
{
    margin-top:5pc;
    animation-name:fadeInUp;
    animation-delay:.5s;
}

#projectlist .projectitem a
{
    display:block;
    overflow:hidden;
}

#projectlist .projectitem a img
{
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
}

#projectlist .projectitem a:hover img
{
    transform:scale(1.2,1.2);
}

#projectlist .projectitem a .project_info
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:0 0;
    transition:all ease-out .3s;
}

#projectlist .projectitem a:hover .project_info
{
    background:rgba(0,0,0,.7);
}

#projectlist .projectitem a .project_info p
{
    color:#fff;
    text-align:center;
    padding:0 20px;
}

#projectlist .projectitem a .project_info div
{
    position:relative;
    top:50%;
    margin-top:-15px;
}

#projectlist .projectitem a .project_info p.title
{
    margin-top:10px;
    color:transparent;
    font-size:1pc;
    transition:all ease-out .3s;
}

#projectlist .projectitem a:hover .project_info p.title
{
    margin-top:0;
    color:#fff;
    font-size:1pc;
}

#projectlist .projectitem a .project_info p.subtitle
{
    margin-top:1pc;
    color:transparent;
    font-size:14px;
    transition:all ease-out .3s;
}

#projectlist .projectitem a:hover .project_info p.subtitle
{
    margin-top:0;
    color:#b7b7b7;
}

#projectmore
{
    position:relative;
    z-index:1;
    background:#343434;
    text-indent:0;
    transition:all ease-out .3s;
}

#projectmore,#projectmore:hover
{
    display:block;
    width:100%;
    height:150px;
    color:#fff;
    text-align:center;
    font-size:20px;
    line-height:150px;
}

#projectmore:hover
{
    background:#838383;
    text-indent:-50px;
}

.module-content .description
{
    overflow:hidden;
    width:45pc;
    color:#000;
    text-align:center;
    font-size:16px;
    line-height:24px;
    margin:0 auto;
}

#indexPage a.details,#indexPage a.more,#sitecontent .npagePage a.details
{
    display:block;
    width:360px;
    height:58px;
    border:1px solid #dfdfdf;
    border-radius:30px;
    background:hsla(0,0%,100%,0);
    color:#838383;
    text-indent:150px;
    font-size:20px;
    line-height:58px;
    transition:all ease-out .3s;
    margin:40px auto 50px;
}

#indexPage a.details:hover,#indexPage a.more:hover,#sitecontent .npagePage a.details:hover
{
    text-indent:130px;
    border-color:#b6b6b6;
}

#indexPage a.details i,#indexPage a.more i,#sitecontent .npagePage a.details i
{
    color:hsla(0,0%,100%,0);
    text-indent:-10px;
    font-size:24px;
    transition:all ease-out .3s;
}

#indexPage a.details:hover i,#indexPage a.more:hover i,#sitecontent .npagePage a.details:hover i
{
    color:#707070;
    text-indent:18px;
}

#indexPage #mpage .content
{
    margin-top:-230px;
    height:37pc;
}

#indexPage #mpage .wrapper
{
    overflow:hidden;
    width:100%;
    height:100%;
    margin:0 auto;
}

#indexPage #mpage .wrapper li .fimg
{
    width:100%;
    height:466px;
    background-position:top center;
    background-repeat:no-repeat;
}

#indexPage #mteam .content
{
    margin-top:-180px;
}

#indexPage #mteam .header img
{
    /*float:none;*/
    /*display:block;*/
    /*border-radius:90px;*/
    /*margin:10px auto 24px;*/
}

#indexPage #mteam .summary p.title
{
    color:#fff;
    font-size:24px;
}

#indexPage #mteam .summary p.title a
{
    color:#474747;
}

#indexPage #mteam .summary p.subtitle
{
    overflow:hidden;
    margin-bottom:30px;
    color:#a5a5a5;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
}

#indexPage #mteam .description
{
    color:#bebebe;
}

#indexPage #mnews
{
    background-color:#f8f8f8;
}

#indexPage #mnews .content
{
    top:0;
    margin-top:60px;
    height:calc(100%-60px);
}

#newslist .newstitem
{
    width:100%;
    height:33.3%;
}

#newslist .newstitem a.newscontent
{
    position:relative;
    display:block;
    height:100%;
    text-align:center;
}

#newslist .news_wrapper
{
    z-index:1;
    width:37.5%;
    height:100%;
    background:#fff;
    transition:all .25s ease 0;
}

#newslist .news_wrapper:before
{
    display:inline-block;
    height:auto;
    content:"";
    vertical-align:middle;
}

#newslist .newsbody
{
    display:inline-block;
    width:330px;
    max-width:99%;
    vertical-align:middle;
}

#newslist .newsbody .date
{
    margin-bottom:10px;
    color:#999;
    font-size:14px;
}

#newslist .newsbody .title
{
    color:#333;
    font-size:30px;
    line-height:40px;
}

#newslist .separator:before
{
    right:14px;
}

#newslist .separator:after,#newslist .separator:before
{
    position:absolute;
    top:50%;
    width:45px;
    height:1px;
    background-color:#c3c3c3;
    content:"";
}

#newslist .separator:after
{
    left:14px;
}

#newslist .separator
{
    position:relative;
    width:6px;
    height:6px;
    border-radius:3px;
    background:#000 none repeat scroll 0 0;
    color:transparent;
    text-decoration:none;
    font:0/0;
    margin:15px auto 20px;
}

#newslist .newsbody .description
{
    margin-top:10px;
    width:100%;
    height:auto;
    color:#6a6a6a;
    font-size:14px;
    line-height:22px;
}

#newslist .newstitem .newsimg
{
    width:62.5%;
    height:100%;
    background-position:center;
    background-size:cover;
}

#newslist .newstitem .news_wrapper,#newslist .newstitem .newsimg
{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

#newslist .newstitem.right .news_wrapper
{
    right:auto;
}

#newslist .newstitem.left a.newscontent
{
    padding-left:62.5%;
}

#newslist .newstitem.right a.newscontent
{
    padding-right:62.5%;
}

#newslist .newstitem.left a.newscontent:hover
{
    padding-left:60%;
}

#newslist .newstitem a.newscontent:hover .news_wrapper
{
    width:40%;
    transition-duration:.5s;
    bbackground-color:#e5e5e5;
}

#newslist .newstitem.right a.newscontent:hover
{
    padding-right:60%;
}

#indexPage #mpartner .content
{
    margin-top:-15pc;
    height:5in;
}

#indexPage #mpartner .module-content
{
    width:980px;
}

#indexPage #mpartner .wrapper
{
    width:980px;
    height:376px;
}

#indexPage #mpartner .wrapper ul li
{
    width:980px;
    height:360px;
}

#indexPage #mpartner .wrapper ul li a
{
    float:left;
    overflow:hidden;
    margin-right:20px;
    margin-bottom:20px;
    width:225px;
    height:168px;
}

#indexPage #mcontact
{
    background-color:#303030;
}

#indexPage #mcontact .content
{
    margin-top:-212px;
    height:425px;
}

#indexPage #mcontact .content .fw
{
    width:940px;
}

#indexPage #mcontact .header p.subtitle
{
    color:#c1c1c1;
}

#contactinfo
{
    width:540px;
}

#contactinfo h3
{
    margin-bottom:25px;
    color:#fff;
    font-weight:100;
    font-size:1pc;
    line-height:24px;
}

#contactinfo p
{
    width:100%;
    height:24px;
    color:#989898;
    font-size:14px;
    line-height:24px;
}

#contactinfo>a
{
    color:#989898;
    text-decoration:underline;
}

#contactinfo div
{
    margin-top:24px;
}

#contactinfo div a
{
    display:block;
    margin-right:10px;
    width:30px;
    height:30px;
    border-radius:15px;
    background-color:#2e2f2f;
    color:#fff;
    text-align:center;
    font-size:1pc;
    transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
}

#contactinfo div a i
{
    margin-top:7px;
    font-size:1pc;
}

#contactform p .inputtxt
{
    margin-bottom:10px;
    width:20pc;
    height:20px;
    border:1px solid #3f3f3f;
    background-color:#000;
    color:#bcbcbc;
    line-height:20px;
    transition:all .3s ease-out 0;
    padding:10px 20px;
}

#contactform p textarea.inputtxt
{
    overflow:hidden;
    height:75pt;
    resize:none;
}

#contactform p .inputsub
{
    width:100%;
    background-color:#838383;
    color:#fff;
    font-size:1pc;
    padding:5px 0;
}

#contactform .inputtxt.active
{
    border-color:#838383;
}

#moduleControl
{
    position:fixed;
    top:50%;
    right:20px;
}

#moduleControl a.moduleCItem
{
    display:block;
    margin-bottom:5px;
    width:9px;
    height:9px;
    outline:0;
    border:1px solid #c8c8c8;
    border-radius:6px;
    text-indent:-9999px;
    transition:all .3s ease-out 0;
}

#moduleControl a.moduleCItem.active,#moduleControl a.moduleCItem:hover
{
    border:1px solid #838383;
    background-color:#838383;
}

#pages
{
    display:block!important;
    padding:40px 0 5pc;
}

#pages,#pages a
{
    height:36px;
    text-align:center;
}

#pages a
{
    display:inline-block;
    width:36px;
    background-color:#fff;
    color:#a9a9a9;
    font-family:Arial;
    line-height:36px;
    transition:background-color .2s ease-out;
}

#pages a,#pages span
{
    margin-right:5px;
}

#pages a i
{
    position:relative;
    top:2px;
    font-size:24px;
}

#pages a.active,#pages a:hover
{
    background-color:#838383;
    color:#fff;
}

.npagePage #banner
{
    position:relative;
    width:100%;
    height:380px;
}

.npagePage #banner div
{
    position:fixed;
    width:100%;
    height:380px;
    background-color:#39383e;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.npagePage .content
{
    position:relative;
    z-index:1;
    background-color:#fff;
}

#category,#plheader
{
    padding-bottom:50px;
    text-align:center;
}

#category li
{
    display:inline-block;
}

#category li.hasmore
{
    height:107px;
}

#category li.hasmore div
{
    position:absolute;
    left:0;
    width:100%;
}

#category li.hasmore div ul
{
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid rgba(0,0,0,.1);
    text-align:center;
}

#category a
{
    display:inline-block;
    margin-right:2px;
    height:1pc;
    border:1px solid #d2d2d2;
    color:#000000;
    line-height:1pc;
    transition:all .3s ease-out 0;
    padding:8px 1pc;
}

#category a.active,#category a:hover
{
    background:#838383;
    color:#fff;
    border-color:#838383;
}

#category li.hasmore div ul a.active,#category li.hasmore div ul a:hover
{
    background:#7d7d7d;
    color:#fff;
}

#teamlist
{
    width:825pt;
    margin:0 auto;
}

#teamlist .wrap
{
    margin-right:-70px;
}

.teamitem
{
    float:left;
    margin-right:70px;
    margin-bottom:50px;
    width:20pc;
    height:460px;
}

.teamitem a
{
    position:relative;
    display:block;
    overflow:hidden;
    width:20pc;
    height:20pc;
}

.teamitem .title a
{
    display:inline;
    color:#9a9a9a;
}

.teamitem a div.wrap
{
    position:absolute;
    bottom:-50px;
    width:100%;
    height:50px;
    background:#da0000;
    color:#fff;
    transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;
    transform:translate(0,0);
}

.teamitem a:hover div.wrap
{
    transform:translate(0,-50px);
}

.teamitem a div.wrap div
{
    position:relative;
    width:14px;
    height:14px;
    margin:18px auto;
}

.teamitem a div.wrap span
{
    position:absolute;
    display:block;
    background:#fff;
}

.teamitem a div.wrap span.h
{
    top:6px;
    width:14px;
    height:2px;
}

.teamitem a div.wrap span.v
{
    left:6px;
    width:2px;
    height:14px;
}

.teamitem .teaminfo
{
    margin-top:33px;
    text-align:center;
}

.teamitem .teaminfo .title
{
    color:#484848;
    font-size:18px;
}

.teamitem .teaminfo .subtitle
{
    margin-top:5px;
    color:#9a9a9a;
    font-size:14px;
}

.teamitem .teaminfo .description
{
    overflow:hidden;
    margin-top:15px;
    height:35px;
    color:#949494;
    font-size:14px;
    line-height:18px;
}

#teampost
{
    padding-top:50px;
}

#teampost #teamimage
{
    float:left;
    width:408px;
}

#teampost #teambody
{
    margin-left:450px;
}

#teambody .theader .title
{
    color:#343434;
    font-size:30px;
}

#teambody .theader .subtitle
{
    color:#626262;
    font-size:14px;
}

#teambody .theader .postbody
{
    margin-top:36px;
}

#projectwrap
{
    padding-top:50px;
    min-height:600px;
}

#projectbody
{
    float:left;
    width:50pc;
}

#projectimages
{
    background:#fff;
}

#projectimages li img
{
    float:none;
    display:block;
    max-width:100%;
    margin:0 auto;
}

#projectbody .postbody
{
    padding:20px 0;
}
#projectbody .postbody p{
    margin-bottom: 5px;
}
#projectinfo
{
    float:left;
    margin-left:40px;
    width:340px;
}

#projectih
{
    width:340px;
}

#projecttags a
{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    font-size:14px;
    padding:5px 10px;
}

#projecttags a,#projecttags a:hover
{
    background:#f3f3f3;
    color:#989898;
}

#projectib
{
    margin-top:20px;
    margin-right:-10px;
}

#projectib .projectitem
{
    float:left;
    margin-right:10px;
    margin-bottom:14px;
    width:10pc;
    height:auto;
}
#projectib .projectitem:nth-child(2n+1){
    clear: both;
}

#projectib .projectitem a .project_info p.title
{
    margin-top:10px;
    color:#333;
    font-size:14px;
    transition:all ease-out .3s;
}

#projectib .projectitem a .project_info p.subtitle
{
    margin-top:0;
    color:#b7b7b7;
    font-size:14px;
    transition:all ease-out .3s;
}

#projectinfo .header
{
    width:340px;
    border-bottom:1px dotted #ccc;
    padding:0;
}

#projectinfo .header .description
{
    margin:30px 0;
}

#projectinfo .header .description,.postbody
{
    color:#000;
    font-size:16px;
    line-height:28px;
}

.postbody a
{
    color:#848484;
    text-decoration:underline;
}

.postbody a:hover
{
    color:#414141;
    text-decoration:underline;
}

.postbody img
{
    float:none;
    margin-bottom:10px;
    max-width:100%;
}

.postbody hr
{
    margin-top:20px;
    margin-bottom:20px;
    height:1px;
    border:none;
    border-top:1px dotted #d3d3d3;
}

.postbody p
{
    word-wrap:break-word;
    word-break:normal;
}

.lowB #indexPage .module.bgShow
{
    background-attachment:scroll;
}

.lowB #header
{
    background:#171c20;
}

#footer
{
    position:relative;
    z-index:2;
    width:100%;
    background:#000;
}

#footer p
{
    height:20px;
    color:#8e8e8e;
    text-align:right;
    font-size:14px;
    line-height:20px;
    padding:20px;
}

#footer a
{
    display:inline-block;
    margin-right:40px;
    margin-left:10px;
    width:50px;
    height:20px;
    vertical-align:top;
}

#footer a path
{
    fill:red;
}

#footer.mini
{
    position:fixed;
    bottom:0;
    background:rgba(0,0,0,.8);
}

#footer.mini p
{
    padding:5px;
}

#shares
{
    position:fixed;
    right:10px;
    bottom:40px;
    z-index:99;
    height:90pt;
}

#shares a
{
    display:block;
    width:30px;
    height:30px;
    background:#8b8b8b;
    background-color:rgba(31,31,31,.6);
    color:#fff;
    text-align:center;
    font-size:1pc;
}

#shares a i
{
    margin-top:7px;
}

#shares a#sshare
{
    cursor:default;
}

#shares a#sweibo
{
    background-color:#ea493c;
}

#shares a#sweixin
{
    background-color:#24b727;
}

#shares a#gotop
{
    margin-top:20px;
    background-color:rgba(0,0,0,.6);
    font-size:22px;
}

#shares a#gotop i
{
    margin-top:3px;
}

.fixed
{
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    display:none;
    overflow-y:auto;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
}

#fixed_weixin .fixed-container
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-140px;
    margin-left:-110px;
    width:220px;
    height:auto;
    background:#fff;
    padding:20px 20px 0;
}

#fixed_weixin .fixed-container div
{
    height:220px;
}

#fixed_weixin .fixed-container p
{
    height:40px;
    color:#000;
    text-align:center;
    font-size:14px;
    line-height:40px;
}

#fixed_mp .fixed-container
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-149px;
    margin-left:-129px;
    background:#fff;
}

#fixed_mp .fixed-container img
{
    padding:15px;
}

#fixed_mp .fixed-container p
{
    color:#000;
    text-align:center;
    font-size:14px;
    padding:0 20px 20px;
}

#online_open
{
    position:fixed;
    right:-40px;
    bottom:190px;
    z-index:99999;
    width:30px;
    height:30px;
    background:#00d420;
    color:#fff;
    text-align:center;
    font-size:18px;
    line-height:30px;
    cursor:pointer;
}

#online_open i
{
    margin-top:6px;
}

#online_lx
{
    position:fixed;
    right:10px;
    bottom:10pc;
    z-index:99999;
    width:2in;
    height:auto;
    border-radius:5px;
    background-color:#fff;
    box-shadow:0 5px 9px rgba(4,0,0,.17);
}

#olx_head
{
    height:1pc;
    border-radius:5px 5px 0 0;
    background:#00d420;
    color:#fff;
    font-size:14px;
    line-height:1pc;
    padding:20px;
}

#olx_head i
{
    color:#fff;
    font-size:18px;
    cursor:pointer;
    transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
}

#olx_qq li a
{
    display:block;
    height:18px;
    border-bottom:1px solid #fff;
    background:#f5f5f5;
    color:#353434;
    font-size:14px;
    line-height:18px;
    transition:all ease-out .3s;
    padding:14px 30px;
}

#olx_qq li a i
{
    margin-right:18px;
    color:#5e5e5e;
    vertical-align:middle;
    font-size:1pc;
    transition:all ease-out .3s;
}

#olx_qq li a:hover
{
    background:#565656;
    color:#fff;
}

#olx_qq li a:hover i
{
    color:#00d420;
}

#olx_tel
{
    padding:20px 30px;
}

#olx_tel div
{
    margin-bottom:10px;
    height:14px;
    color:#434343;
    line-height:14px;
}

#olx_tel div i
{
    margin-right:20px;
    vertical-align:middle;
    font-size:18px;
}

#olx_tel p
{
    font-size:1pc;
    font-family:'font168en';
    line-height:18px;
}

#mslider li video
{
    position:absolute;
}

#indexPage #mslider ul li div.mask
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:transparent;
}

.netmask div
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px;
}

.netmask.loading div i
{
    display:block;
    width:40px;
    height:40px;
    background:url(../images/loading.gif);
}

.netmask div i:before
{
    display:none;
    color:#fff;
    font-size:40px;
}

#page404
{
    padding-top:200px;
}

#page404 span
{
    color:#efefef;
    font-size:150px;
    font-family:'font168en',Arial;
}

#page404 div
{
    margin-left:20pc;
    padding-left:26px;
    height:70px;
    border-left:1px solid #e9e9e9;
}

#page404 div p.title
{
    color:#787878;
    font-size:36px;
    line-height:36px;
}

#page404 div p.subtitle
{
    margin-top:10px;
    color:#787878;
    font-size:14px;
}

#projectlist .wrapper
{
    margin-left:1%;
}

#langnav span
{
    display:inline-block;
    color:hsla(0,0%,100%,.2);
    margin:0 10px;
}

#headSHBtn
{
    position:absolute;
    top:0;
    right:-40px;
    display:none;
    width:40px;
    height:40px;
    background:#000;
    color:#fff;
    text-align:center;
    line-height:40px;
}

#mcontact .content #contactinfo
{
    animation-name:fadeInLeft;
    animation-delay:.2s;
}

#mcontact .content #contactform
{
    animation-name:fadeInRight;
    animation-delay:.2s;
}

#mpartner .content>.header
{
    animation-name:slideInUp;
    animation-delay:.1s;
}

body.ipusher #header
{
    left:-350px;
    width:350px;
    height:100%;
    background:#202122;
    transition:transform .4s cubic-bezier(.215,.61,.355,1) 0s;
    padding:0;
}

body.ipusher #header #headSHBtn i
{
    margin-top:14px;
    font-size:18px;
    margin-left:0;
}

body.ipusher.open #header #headSHBtn i:before
{
    content:"\f00d";
}

body.ipusher.open #header
{
    -webkit-transform:translate3d(350px,0,0);
    transform:translate3d(350px,0,0);
}

body.ipusher #header #logo
{
    float:none;
    width:100%;
    margin:20px 0 0;
}

body.ipusher #header #logo img
{
    float:none;
    display:block;
    margin:0 auto;
}

body.ipusher #header ul li.navitem
{
    width:100%;
    border-top:1px solid #272727;
    text-align:center;
    line-height:50px;
    padding:0;
}

body.ipusher #header ul li.navitem ul.subnav li a:hover
{
    text-indent:0;
}

body.ipusher #header ul li.navitem ul.subnav
{
    top:0;
    left:100%;
}

#logoClone
{
    position:fixed;
    top:0;
    left:0;
    z-index:98;
    width:100%;
    height:40px;
}

#teamlist .wow
{
    animation-name:slideInUp;
}

#projectib,#projecttags
{
    float:left;
    margin-top:20px;
    margin-left:40px;
    width:340px;
}

#pageswitch
{
    display:none;
    margin-top:-150px;
}

#pageswitch a
{
    position:relative;
    float:left;
    width:50%;
    height:40px;
    background:#fff;
    font-family:'font168en', "微软雅黑";
    transition:all ease-out .3s;
    padding:20px 0;
}

#pageswitch a:hover
{
    z-index:3;
    background:#ccc;
    box-shadow:0 0 15px #ccc;
}

#pageswitch a .title
{
    color:#444;
}

#pageswitch a .subtitle
{
    color:#a5a5a5;
}

#pageswitch .prev div
{
    margin-left:30px;
    text-align:left;
}

#pageswitch .next div
{
    margin-right:30px;
    text-align:right;
}

#indexPage .mivideo.module .module-content .video_content
{
    width:60pc;
    height:575px;
    margin:0 auto;
}

#projectinfo1 .description a,#projectinfo2 .description a,#projectinfo3 .description a,#projectinfo4 .description a,#projectinfo5 .description a,#projectinfo .description a
{
    bottom:0;
    left:0;
    display:block;
    width:100%;
    height:40px;
    background-color:#5a5a5a;
    color:#fff;
    text-align:center;
    line-height:40px;
}

#shares a i.fa-weixin
{
    background-image:url(../images/shouji.png);
    color:transparent;
    font-size:23px;
    margin:7px 0 0 10px;
}

.animated
{
    animation-delay:0;
}

#projectwrap1,#projectwrap2,#projectwrap3,#projectwrap4,#projectwrap5
{
    width:885pt;
    margin:50px auto 0;
}

#projectinfo1,#projectinfo2
{
    float:right;
    width:300px;
    border-top:10px solid #22a9ff;
    box-shadow:0 2px 6px rgba(0,0,0,.1);
    padding:30px;
}

#projectinfo1 .header .description,#projectinfo2 .header .description
{
    color:#6a6a6a;
    font-size:14px;
    line-height:24px;
    margin:30px 0 0;
}

#projectinfo3 .header,#projectinfo4 .header
{
    padding-top:70px;
}

#projectimages1 img,#projectimages2 img,#projectimages3 img,#projectimages4 img,#projectimages5 img
{
    margin-bottom:10px;
    width:100%;
}

#projectshow1,#projectshow2
{
    float:left;
    margin-top:40px;
    width:785px;
}

#projectshow3,#projectshow4
{
    margin-top:40px;
}

#projectshow5
{
    float:right;
    padding-top:90pt;
    width:345px;
}

#projectshow1 #projecttags1,#projectshow2 #projecttags2,#projectshow3 #projecttags3,#projectshow4 #projecttags4
{
    margin-top:20px;
    width:100%;
}

#projecttags1 a,#projecttags2 a,#projecttags3 a,#projecttags4 a,#projecttags5 a
{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    background:#f3f3f3;
    color:#989898;
    font-size:14px;
    transition:all ease-out .3s;
    padding:5px 10px;
}

#projectib1 .projectitem1,#projectib2 .projectitem2,#projectib3 .projectitem3,#projectib4 .projectitem4
{
    float:left;
    width:245px;
    height:auto;
    margin:0 6px 14px;
}

#projectib3 .projectitem3,#projectib4 .projectitem4
{
    width:275px;
    margin:0 10px 40px;
}

#projectib5 #projectlist .projectitem
{
    width:49%;
}

#npagePage #projectlist .projectitem a:hover img
{
    transform:scale(1,1);
}

#npagePage #projectlist .projectitem a .project_info
{
    position:inherit;
}

#npagePage #projectlist .projectitem a .project_info p.subtitle
{
    overflow:hidden;
    margin-top:0;
    height:24px;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:24px;
}

#npagePage #projectlist .projectitem a .project_info p.title
{
    overflow:hidden;
    margin-top:0;
    height:22px;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:22px;
}

#post_slider,#post_slider1,#post_slider1 li,#post_slider li
{
    height:500px;
}

.projectSubList
{
    margin-bottom:20px;
}

.projectSubTitle
{
    display:none;
    font-size:24px;
    line-height:24px;
    margin:20px auto 50px;
}

#indexPage #mslider .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-direction a
{
    z-index:0;
}

#contactinfo div a i,#olx_qq li a i,#olx_tel div i,#online_open i,#shares a i
{
    margin-left:0;
}

#indexPage .mivideo
{
    padding-top:5pc;
    padding-bottom:10px;
    background-color:#fff;
}

#newsitem_6
{
    animation-name:fadeInUp;
    animation-delay:1.2s;
}

#newsitem_7
{
    animation-name:fadeInUp;
    animation-delay:1.4s;
}

#newsitem_8
{
    animation-name:fadeInUp;
    animation-delay:1.6s;
}

#newsitem_9
{
    animation-name:fadeInUp;
    animation-delay:1.8s;
}

#newsitem_10
{
    animation-name:fadeInUp;
    animation-delay:2s;
}

#newsitem_11
{
    animation-name:fadeInUp;
    animation-delay:2.2s;
}

#indexPage #mpartner .wrapper ul li a .par_title
{
    display:none;
    width:100%;
    text-align:center;
    font-size:14px;
}

.module.mcounter .module_container
{
    position:relative;
    z-index:1;
    padding:60px 0;
}

.module.mcounter .particles-js-canvas-el
{
    opacity:.5;
}

.module.mcounter ul.content_list li
{
    float:left;
    width:25%;
    height:81pt;
    text-align:center;
}

.module.mcounter ul.content_list li div
{
    border-right:1px solid #333;
}

.module.mcounter ul.content_list li:last-child div
{
    border-right:none;
}

.module.mcounter ul.content_list li p
{
    color:#9e9e9e;
    text-align:center;
    font-size:14px;
}

.module.mcounter ul.content_list li p.number
{
    margin-top:15px;
}

.module.mcounter ul.content_list li p.number .counterDX
{
    margin-top:15px;
    color:#fff;
    text-align:center;
    font-size:3pc;
    font-family:'font168en',Arial;
}

.module.mcounter ul.content_list li p.number .unit
{
    margin-left:5px;
    font-size:14px;
}

#header .navWrap ul#nav
{
    display:inline-flex;
}

.search-icon
{
    height:50px;
    line-height:3pc;
    margin:0 15px;
    padding:0 5px 0 15px;
}

.search-icon i,.searchCloseBtn
{
    line-height:46px;
}

.searchBtn
{
    display:inline-block;
    opacity:1;
}

.search-frame input
{
    line-height:50px;
}

.searchCloseBtn .left,.searchCloseBtn .right
{
    position:absolute;
    top:20px;
    z-index:1;
    display:block;
    width:18px;
    height:1px;
    background:#8e8e8e;
    transition:all .2s ease-out 0;
    transform:rotate(0);
}

.searchopen .searchCloseBtn .left
{
    transform:rotate(50deg);
}

.searchopen .searchCloseBtn .right
{
    transform:rotate(-50deg);
}

#header .content.searchshow .navitem
{
    -webkit-animation:ac-gn-item-searchshow .4s both;
    animation:ac-gn-item-searchshow .4s both;
}

#header .content.searchhide .navitem
{
    -webkit-animation:ac-gn-item-searchhide .4s both;
    animation:ac-gn-item-searchhide .4s both;
}

to
{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
    animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
    opacity:0;
}

#header .content.searchopen .navitem
{
    visibility:hidden;
}

#header .content .navWrap
{
    position:relative;
    z-index:4;
}

#header .content.searchopen .searchWrap
{
    display:block;
    z-index:10;
    overflow:hidden;
    margin-top:0;
    height:50px;
    opacity:1;
}

#header .content .searchWrap
{
    position:absolute;
    bottom:0;
    left:50%;
    z-index:3;
    margin-left:-15%;
    width:30%;
    opacity:0;
}

#header .content.searchhide .searchWrap
{
    -webkit-animation:ac-gn-searchview-searchhide .2s both;
    animation:ac-gn-searchview-searchhide .2s both;
}

#header .content.searchhide .searchWrap,#header .content.searchopen .searchWrap,#header .content.searchshow .searchWrap
{
    -webkit-animation:none;
    animation:none;
}

#header .searchBtn,#header .searchCloseBtn
{
    display:inline-table;
    color:#8e8e8e;
    cursor:pointer;
    padding:10px;
}

#header .content .searchWrap input
{
    color:#000;
    line-height:44px;
}

#header .content.searchopen .searchWrap input,.searchBtn
{
    transition:all .2s ease-out 0;
}

#header .content.searchopen .searchBtn
{
    display:none;
    opacity:0;
}

#header .search-icon
{
    margin-left:90pt;
    transition-delay:0;
    transition-timing-function:cubic-bezier(.32,.05,0,1.02);
    transition-duration:.3s;
}

#header .content.searchopen .search-icon
{
    margin-left:10px;
}

#header .content .searchCloseBtn
{
    position:relative;
    margin-right:60px;
    width:20px;
    height:20px;
    cursor:pointer;
}

#header .content.searchopen .searchCloseBtn
{
    margin-right:10px;
    opacity:1;
    transition:all .1s ease-out 0;
}

.bodyMask
{
    position:fixed;
    top:0;
    left:0;
    z-index:50;
    display:none;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    content:'';
}

#fixed_videoPost
{
    position:fixed;
    top:0;
    left:0;
    z-index:110;
    display:block;
    overflow-y:auto;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    background-color:transparent;
}

#fixed_videoPost .v_iframe
{
    width:100%;
    height:540px;
    border:0;
    background:#000;
}

#fixed_videoPost .fixed-container
{
    position:absolute;
    left:50%;
    z-index:2;
    overflow:hidden;
    margin-left:-5in;
    width:60pc;
    height:618px;
    border:1px solid #dedede;
    background:#fff;
    padding:10px;
}

#fixed_videoPost .fixed-mack
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.6);
}

#fixed_videoPost #postControl
{
    position:absolute;
    top:-50px;
    right:2pc;
    z-index:2;
    width:40px;
    height:40px;
    cursor:pointer;
}

#fixed_videoPost #postControl .button span
{
    position:absolute;
    top:20px;
    left:5px;
    z-index:1;
    display:block;
    width:30px;
    height:2px;
    background:#fff;
    transition:all .2s ease-out 0;
    transform:rotate(0);
}

#fixed_videoPost #postControl .button .left
{
    transform:rotate(45deg);
}

#fixed_videoPost #postControl .button .right
{
    transform:rotate(-45deg);
}

#fixed_videoPost .info_box
{
    position:relative;
    width:100%;
    height:3pc;
    padding:15px 0 0;
}

#fixed_videoPost .info_box .title
{
    color:#2e2e2e;
    font-size:1pc;
}

#fixed_videoPost .info_box .subtitle
{
    margin-top:6px;
    color:#7d7d7d;
    font-size:14px;
    line-height:22px;
}

#fixed_videoPost .fixed-btn
{
    position:fixed;
    top:50%;
    right:0;
    margin-top:-25px;
    width:100%;
}

#fixed_videoPost .fixed-btn a
{
    position:fixed;
    display:inline-block;
    width:50px;
    height:50px;
    background:#fbfbfb;
    text-align:center;
    line-height:50px;
}

#fixed_videoPost .fixed-btn a i
{
    color:#848484;
    font-size:30px;
    line-height:3pc;
}

#fixed_videoPost .fixed-btn a:hover i
{
    color:#333;
}

#fixed_videoPost .fixed-btn a:hover
{
    background:#f8f8f8;
}

#fixed_videoPost .fixed-btn a.prev
{
    left:-50px;
    float:left;
}

#fixed_videoPost .fixed-btn a.next
{
    right:-50px;
    float:right;
}

#fixed_videoPost .fa-angle-right:before
{
    content:"\f105";
}

#fixed_videoPost .fa-angle-left:before
{
    content:"\f104";
}

#fixed_videoPost .fixed-btn a.disabled
{
    background:hsla(0,0%,100%,.3);
}

#header .content.searchopen .navitem,#header .content.searchopen .navitem a,#header .content.searchshow .navitem,#header .content.searchshow .navitem a
{
    transition:none;
}

.mvideom .videom_item .video_details i
{
    margin-left:6px;
}

#indexPage .mvideom a.more
{
    margin-top:5pc;
    border:1px solid hsla(0,0%,87%,.77);
}

.ipusher #indexPage .mmap .content
{
    margin-top:-300px;
}

.mvideom .bx-wrapper .bx-pager.bx-default-pager a
{
    margin:0 6px;
}

.mvideom .bx-wrapper .bx-controls-direction a.bx-prev
{
    left:0;
}

.mvideom .bx-wrapper .bx-pager
{
    bottom:-30px;
}

.mvideom .videom_item img
{
    float:none;
    width:100%;
}

.mvideom .videom_item
{
    position:relative;
    float:left;
    width:25%;
}

.mvideom .videom_item .wrap
{
    position:relative;
    overflow:hidden;
}

.mvideom .videom_item .wrap .imgMask
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:0 0;
    transition:all .36s ease;
}

.mvideom .videom_item .wrap:hover .imgMask
{
    background:rgba(0,0,0,.47);
}

.mvideom .videom_item .wrap .item_info
{
    position:absolute;
    bottom:-30%;
    left:0;
    width:84%;
    height:68px;
    text-align:left;
    transition:all .36s ease;
    padding:0 8%;
}

.mvideom .videom_item .wrap:hover .item_info
{
    bottom:0;
}

.mvideom .videom_item .title
{
    margin-top:10px;
    color:#fff;
    font-size:1pc;
    transition:all .6s ease;
    -webkit-transition-delay:.4s;
    transition-delay:.4s;
}

.mvideom .videom_item .subtitle
{
    margin-top:30px;
    padding-top:6px;
    color:#fff;
    font-size:14px;
    transition:all .6s ease;
    -webkit-transition-delay:.8s;
    transition-delay:.8s;
}

.mvideom .videom_item .video_details
{
    position:absolute;
    bottom:-100%;
    left:10%;
    display:none;
    height:40px;
    border:1px solid #fff;
    color:#fff;
    line-height:40px;
    transition:all .36s ease;
    padding:0 25px;
}

.mvideom .videom_item .wrap:hover .video_details
{
    bottom:10%;
}

.mvideom .videom_item .imgIcon
{
    position:absolute;
    top:-30%;
    left:50%;
    margin-top:-22px;
    margin-left:-28px;
    transition:all .6s ease;
}

.mvideom .videom_item .wrap:hover .imgIcon
{
    top:40%;
}

.mvideom .videom_item .imgIcon .icon-triangle
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-8px;
    margin-left:-8px;
}

.mvideom .videom_item .imgIcon path
{
    stroke:#fff;
    fill:#fff;
}

.mvideom .bx-wrapper .bx-controls-direction a
{
    top:50%;
    margin-top:-20px;
}

.mvideo_header
{
    margin-bottom:50px;
    text-align:center;
}

.mvideo_title
{
    color:#3a3a3a;
    font-size:22px;
}

.mvideo_subtitle
{
    margin-top:4px;
    color:#bdbdbd;
    font-size:14px;
}

.mvideo_more i
{
    opacity:0;
    transition:all .36s ease 0;
}

.mvideo_more:hover i
{
    margin-left:10px;
    opacity:1;
}

.mvideo_more
{
    display:block;
    width:218px;
    height:44px;
    border:1px solid #dfdfdf;
    color:#bdbdbd;
    text-align:center;
    font-size:15px;
    line-height:45px;
    margin:56px auto 50px;
}

.mvideom.mvideom01 .mvideo_header
{
    padding-bottom:50px;
    width:885pt;
    text-align:center;
    margin:0 auto;
}

.mvideom.mvideom01 .videom_item .wrap .item_info
{
    position:inherit;
    top:auto;
    left:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:0;
    transition:all .6s ease 0;
}

.mvideom.mvideom01 .videom_item .title
{
    color:#7d7d7d;
    font-size:14px;
}

.mvideom.mvideom01 .videom_item .subtitle
{
    color:#7d7d7d;
    margin-top:0;
}

.mvideom.mvideom01 .videom_item .wrap:hover .item_info
{
    padding-left:10px;
    bottom:auto;
}

.mvideom.mvideom01 .videom_item .video_details
{
    position:absolute;
    right:0;
    bottom:34px;
    left:auto;
    display:block;
    overflow:hidden;
    width:2pc;
    height:2pc;
    border:0;
    color:transparent;
    line-height:2pc;
    opacity:0;
    transition:all .6s ease 0;
    transform:rotate(180deg);
    padding:0;
}

.mvideom.mvideom01 .videom_item .video_details path
{
    stroke:#929292;
    fill:#929292;
}

.mvideom.mvideom01 .videom_item .video_details .icon-arrows01
{
    position:absolute;
    top:0;
    left:0;
    transition:all .36s ease 0;
}

.mvideom.mvideom01 .bx-wrapper .bx-controls-direction a
{
    top:50%;
    margin-top:-65px;
}

.mvideom.mvideom01 .videom_item .wrap:hover .video_details
{
    right:15px;
    bottom:34px;
    opacity:1;
}

.mvideom.mvideom01 .videom_item .wrap:hover .imgIcon
{
    top:50%;
}

.Pagevideo.mvideom.mvideom01 .content_list
{
    margin-right:-20px;
}

.Pagevideo.mvideom.mvideom01 .videom_item
{
    margin-right:20px;
    width:calc(25%-20px);
}

#indexPage .mvideom.mvideom01 a.more
{
    position:relative;
    border:1px solid hsla(0,0%,87%,0);
}

.mvideom.mvideom01 .videom_item .wrap:hover .title
{
    margin-top:10px;
}

.mvideom .layoutslider .module-content
{
    margin-bottom:5pc;
}

.sscreen #indexPage .mvideom .content
{
    margin-top:-260px;
}

.clearfix
{
    zoom:1;
}

.ui.form
{
    font-size:1pc;
}

.Pageyemian.formPage .content .header
{
    height:auto;
    border-bottom:1px solid transparent;
    text-align:center;
    line-height:inherit;
    padding:5pc 0 0;
}

#page_none.formPage .content .header .subtitle,#page_none.formPage .content .header .title,.npagePage.formPage .content .header
{
    display:block!important;
}

#formpage
{
    width:885pt;
    margin:0 auto;
    padding:60px 0 50px;
}

.ui.checkbox label,.ui.radio.checkbox label
{
    font-weight:400;
    font-size:15px;
}

.form_input
{
    width:50%;
}

.formPage .formbox
{
    position:relative;
    float:left;
    width:100%;
    border:0;
    line-height:38px;
    padding:10px 0;
}

.formPage .formbox .setBtn
{
    position:absolute;
    top:0;
    right:10px;
    display:none;
}

.formWrap .formbox .field
{
    width:auto;
}

.checkboxBox .ui.checkbox,.formbox .list-item.fields .radioBox .ui.radio
{
    margin-right:1.85714em;
}

.formPage .inputsub
{
    width:140px;
    background-color:#838383;
    color:#cfcfcf;
    font-size:15px;
    line-height:3pc;
    cursor:pointer;
    margin:50px 0 50px 140px;
}

.checkboxBox,.formPage .formbox textarea,.form_input,.radioBox,.ui.form select
{
    width:590px;
}

.formPage .wrapper
{
    width:904px;
    margin:0 auto;
}

.icon-interval
{
    color:red;
}

.npagePage.formPage .postbody
{
    width:740px;
    margin:50px auto 0;
}

.formWrap .button
{
    width:140px;
    background-color:#838383;
    color:#cfcfcf;
    text-align:center;
    font-size:15px;
    line-height:3pc;
    cursor:pointer;
    margin:50px auto;
}

.ui.form .field>.selection.dropdown
{
    min-height:auto;
}

.ui.selection.dropdown .menu
{
    width:100%;
    min-width:100%;
}

.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search
{
    width:calc(100%-3.1em);
}

.ui.selection.dropdown .menu>.item
{
    font-size:1em;
    line-height:1.21428571em;
    padding:.67857143em 1em!important;
}

.ui.dropdown .menu .active.item
{
    font-weight:300;
}

select
{
    -webkit-appearance:none;
}

.ui.selection.visible.dropdown>.text:not(.default)
{
    overflow:hidden;
    width:100%;
    word-wrap:normal;
}

.verification #verification.error
{
    background:#fff6f6;
    box-shadow:none;
    color:#9f3a38;
    border-color:#e0b4b4;
}

.verification .form_input
{
    margin-right:3em;
    width:130px;
}

.verification .image
{
    margin:6px 0;
}

.msg
{
    position:fixed;
    top:50%;
    left:50%;
    z-index:106;
    margin-top:-260px;
    margin-left:-270px;
    width:540px;
    height:20pc;
    border-radius:5px;
    background:#fff;
    box-shadow:0 8px 1pc rgba(0,0,0,.1);
}

.msg .header
{
    width:100%;
    height:60px;
    border-bottom:1px solid #e9e9e9;
    color:#595959;
    text-indent:20px;
    font-size:1pc;
    line-height:60px;
}

.msg .content .txt
{
    width:334px;
    color:#595959;
    font-size:1pc;
    line-height:24px;
    margin:3pc auto 26px;
}

.msg .closeBtn
{
    display:inline-block;
    width:158px;
    height:44px;
    border:1px solid #e1e1e1;
    border-radius:3px;
    background-color:#009cff;
    color:#fff;
    text-align:center;
    font-size:1pc;
    line-height:46px;
    border-color:#009cff;
    margin:0 5px;
}

.loadMask,.pageMask
{
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    display:none;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    content:'';
}

.loadMask img
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-60px;
    margin-left:-20px;
}

#sitecontent .npagePage.formPage .content .header p.title
{
    color:#005ca1;
    text-align:center;
    font-size:20px;
    font-weight: bold;
}

#sitecontent .npagePage.formPage .content .header .subtitle
{
    color:#999;
    text-align:center;
    font-size:1pc;
}

.formPage .formbox textarea
{
    resize:none;
}

.npagePage #banner.formBanner
{
    height:auto;
}

.npagePage #banner.formBanner img
{
    float:none;
    max-width:100%;
}

.npagePage .content.black
{
    background:#212121;
}

.black .ui.form input[type=text],.black .ui.form textarea,.black .ui.selection.dropdown
{
    border:1px solid hsla(0,0%,47%,.29);
    background:#313131;
    color:hsla(0,0%,49%,.87);
}

.black .ui.checkbox label
{
    color:#8a8a8a!important;
}

.black.content .ui.checkbox .box:before,.black.content .ui.checkbox input:checked:focus~.box:before,.black.content .ui.checkbox input:checked:focus~label:before,.black.content .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before,.black.content .ui.checkbox input:not([type=radio]):indeterminate:focus~label:before,.black.content .ui.checkbox label:before
{
    border:1px solid hsla(0,0%,45%,.21);
    background:#313131;
}

.black .ui.radio.checkbox input:checked~.box:after,.black .ui.radio.checkbox input:checked~label:after
{
    background-color:#838383;
}

.black .ui.radio.checkbox input:checked~.box:before,.black .ui.radio.checkbox input:checked~label:before,.black .ui.radio.checkbox input:focus~.box:before,.black .ui.radio.checkbox input:focus~label:before
{
    background-color:#272727;
}

.black .ui.dropdown .menu,.black .ui.form input:not([type]):focus,.black .ui.form input[type=date]:focus,.black .ui.form input[type=datetime-local]:focus,.black .ui.form input[type=email]:focus,.black .ui.form input[type=file]:focus,.black .ui.form input[type=number]:focus,.black .ui.form input[type=password]:focus,.black .ui.form input[type=search]:focus,.black .ui.form input[type=tel]:focus,.black .ui.form input[type=text]:focus,.black .ui.form input[type=time]:focus,.black .ui.form input[type=url]:focus,.black .ui.form textarea:focus,.black .ui.selection.active.dropdown .menu,.black .ui.selection.active.dropdown:hover,.black .ui.selection.active.dropdown:hover .menu
{
    border-radius:.28571429rem;
    background:#313131;
    color:hsla(0,0%,100%,.95);
    border-color:#838383;
}

.black .ui.selection.active.dropdown .menu>.item,.black .ui.selection.dropdown .menu>.item
{
    color:#8a8a8a;
    border-color:hsla(0,0%,47%,.29);
}

.black .ui.checkbox label,.black .ui.checkbox label:after
{
    color:#8a8a8a;
    -webkit-transition:color 0 ease;
    transition:color 0 ease;
}

.black .ui.form .field.error input:not([type]),.black .ui.form .field.error input[type=date],.black .ui.form .field.error input[type=datetime-local],.black .ui.form .field.error input[type=email],.black .ui.form .field.error input[type=file],.black .ui.form .field.error input[type=number],.black .ui.form .field.error input[type=password],.black .ui.form .field.error input[type=search],.black .ui.form .field.error input[type=tel],.black .ui.form .field.error input[type=text],.black .ui.form .field.error input[type=time],.black .ui.form .field.error input[type=url],.black .ui.form .field.error select,.black .ui.form .field.error textarea,.black .ui.form .fields.error .field input:not([type]),.black .ui.form .fields.error .field input[type=date],.black .ui.form .fields.error .field input[type=datetime-local],.black .ui.form .fields.error .field input[type=email],.black .ui.form .fields.error .field input[type=file],.black .ui.form .fields.error .field input[type=number],.black .ui.form .fields.error .field input[type=password],.black .ui.form .fields.error .field input[type=search],.black .ui.form .fields.error .field input[type=tel],.black .ui.form .fields.error .field input[type=text],.black .ui.form .fields.error .field input[type=time],.black .ui.form .fields.error .field input[type=url],.black .ui.form .fields.error .field select,.black .ui.form .fields.error .field textarea,.black .verification #verification.error
{
    border-radius:.28571429rem;
    background:#313131;
    color:hsla(0,0%,100%,.95);
    border-color:#9f3a38;
}

img,.fl,#projectinfo2
{
    float:left;
}

img,input,#indexPage .module:last-child,#category li.hasmore div ul a
{
    border:none;
}

.fr,#langnav,#projectbody2,#projectshow2
{
    float:right;
}

.fw,.Pagevideo.mvideom.mvideom01 .module-content
{
    width:885pt;
    margin:0 auto;
}

.bx-wrapper,#newslist
{
    margin:0 auto;
}

#header.mini ul li.navitem,#indexPage #mteam .header
{
    padding-bottom:0;
}

#header ul li.navitem a.active,#header ul li.navitem:hover a,#servicelist .serviceitem:hover .title,#langnav a.active,#langnav a:hover,.black .ui.checkbox input:checked~.box:after,.black .ui.checkbox input:checked~label:after
{
    color:#838383;
}

#header ul li.navitem ul.subnav li a:hover i,0%,40%,60%,to
                                                        {
                                                            opacity:1;
                                                        }

#indexPage #mslider.sliderArrow,#indexPage #mservice .wrapper .bx-wrapper .bx-pager,#indexPage #mproject .bx-wrapper .bx-controls-direction,#indexPage a.details,#sitecontent .npagePage a.details,#indexPage #mteam .content>.header,#indexPage #mteam .bx-pager,#indexPage #mnews .content .header,#indexPage #mnews .bx-controls,#indexPage #mpartner .bx-wrapper .bx-controls-direction,.hide,.popup,#mnews a.more,#mteam .content>.header,#indexPage #mteam a.more
{
    display:none;
}

#indexPage .module.bgShow .bgmask,.show,.netmask,.netmask.success div i:before,.open,.mvideom .item_link,.formPage .formbox:hover .setBtn,.loadMask
{
    display:block;
}

#indexPage #mservice,#indexPage #mpage,#indexPage #mpartner,#indexPage .module.mvideom
{
    background-color:#fff;
}

.content .header p,#indexPage #mteam .summary p,.msg .content
{
    text-align:center;
}

#indexPage #servicelist .serviceitem,#indexPage #projectlist .projectitem,.ui.form .field,.ui.form .fields,.ui.form .inline.fields
{
    margin:0;
}

#indexPage #mproject .bx-wrapper .bx-pager,#indexPage #mpartner .bx-wrapper .bx-pager
{
    bottom:-40px;
}

#indexPage #mpage .wrapper li,.module.mcounter ul.content_list
{
    width:100%;
    height:auto;
}

#indexPage #mnews .content_list,#newslist,#newslist .wrapper,#indexPage #mpartner .wrapper ul li a img,#npagePage #projectlist .projectitem a:hover .project_info,#fixed_videoPost #postControl .button
{
    width:100%;
    height:100%;
}

#newslist .newstitem.left .news_wrapper,#newslist .newstitem.right a.newscontent .newsimg
{
    left:auto;
}

#indexPage #mcontact .header p.title,#langnav a
{
    color:#fff;
}

.nobanner .npagePage,#plheader
{
    padding-top:5pc;
}

#teampost #teamimage img,#logoClone img
{
    float:none;
}

#projectimages li,.module.mcounter ul.content_list li p.title
{
    margin-bottom:10px;
}

#projecttags,#projectshow1 #projectib1,#projectshow2 #projectib2,#projectshow3 #projectib3,#projectshow4 #projectib4,#projectshow5 #projectib5
{
    margin-top:20px;
}

#projectib .projectitem img,#projectib1 .projectitem1 img,#projectib2 .projectitem2 img,#projectib3 .projectitem3 img,#projectib4 .projectitem4 img
{
    float:none;
    width:100%;
    height:auto;
}

#projectib .projectitem a .project_info,#projectib1 .projectitem1 a .project_info,#projectib2 .projectitem2 a .project_info,#projectib3 .projectitem3 a .project_info,#projectib4 .projectitem4 a .project_info,#projectib5 .projectitem5 a .project_info
{
    width:100%;
    height:30px;
}

#projectib .projectitem a .project_info p,#projectib1 .projectitem1 a .project_info p,#projectib2 .projectitem2 a .project_info p,#projectib3 .projectitem3 a .project_info p,#projectib4 .projectitem3 a .project_info p,#projectib5 .projectitem5 a .project_info p
{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#projectinfo .header p,#projectinfo1 .header p,#projectinfo2 .header p,#projectinfo3 .header p,#projectinfo4 .header p,#projectinfo5 .header p
{
    text-align:left;
}

.lowB #header,.lowB #indexPage #mslider .bx-wrapper,.lowB .npagePage #banner div,.mvideom .videom_item .image
{
    position:relative;
}

.lowB .nobanner .npagePage,body.ipusher #header .content,.content #projectih1 .header,.content #projectih2 .header,.ui.form .fields>.field
{
    padding:0;
}

#header.show,.mvideom .bx-wrapper .bx-controls-direction a.bx-next
{
    right:0;
}

#mcontact .content>.header,#mproject .content>.header,#mservice .content>.header,#projectlist .projectitem,.animated
{
    animation-name:fadeInUp;
}

#mpage .module-content .header,#projectitem_2,#newsitem_1,#serviceitem_2,#teamitem_2
{
    animation-name:fadeInUp;
    animation-delay:.2s;
}

#mpage .module-content .description,#mpage .module-content .fimg,#projectitem_3,#serviceitem_3,#teamitem_3
{
    animation-name:fadeInUp;
    animation-delay:.3s;
}

#mpage .module-content .more,#indexPage #mservice a.more,#projectitem_5,#serviceitem_5,#teamitem_5
{
    animation-name:fadeInUp;
    animation-delay:.5s;
}

#projectinfo5,#projectbody1,#projectbody2,#projectbody5
{
    float:left;
    width:785px;
}

#projectshow1 #projectib1:after,#projectshow1 #projecttags1:after,#projectshow2 #projectib2:after,#projectshow2 #projecttags2:after,#projectshow3 #projectib3:after,#projectshow3 #projecttags3:after,#projectshow4 #projectib4:after,#projectshow4 #projecttags4:after,#projectshow5 #projectib5:after,#projectshow5 #projecttags5:after,ul.content_list:after,.clearfix:after
{
    clear:both;
    display:block;
    content:'';
}

#npagePage #projectlist .projectitem a .project_info div,.mvideom .videom_item .wrap:hover .subtitle,.mvideom .videom_item .wrap:hover .title
{
    margin-top:0;
}

.service_img,.nav-a i
{
    display:inline;
}

#projectitem_1,#serviceitem_1,#teamitem_1
{
    animation-name:fadeInUp;
    animation-delay:.1s;
}

#projectitem_4,#newsitem_2,#serviceitem_4,#teamitem_4
{
    animation-name:fadeInUp;
    animation-delay:.4s;
}

#projectitem_6,#newsitem_3,#serviceitem_6,#teamitem_6
{
    animation-name:fadeInUp;
    animation-delay:.6s;
}

#projectitem_7,#serviceitem_7,#teamitem_7
{
    animation-name:fadeInUp;
    animation-delay:.7s;
}

#projectitem_8,#newsitem_4,#serviceitem_8,#teamitem_8
{
    animation-name:fadeInUp;
    animation-delay:.8s;
}

#projectitem_9,#serviceitem_9,#teamitem_9
{
    animation-name:fadeInUp;
    animation-delay:.9s;
}

#projectitem_10,#newsitem_5,#serviceitem_10,#teamitem_10
{
    animation-name:fadeInUp;
    animation-delay:1s;
}

#projectitem_11,#serviceitem_11,#teamitem_11
{
    animation-name:fadeInUp;
    animation-delay:1.1s;
}

.formPage .formbox .list-item label.fl,.verification label
{
    width:90pt;
    color:rgba(0,0,0,.87);
    text-align:right;
    font-weight:100;
    line-height:43px;
    margin:0 20px 0 0;
}

.black .ui.checkbox input:active~label,.formPage .black .formbox .list-item label.fl,.black .formbox.ui .list-item label.fl,.black .ui.checkbox input:checked~.box:after,.black .ui.checkbox input:checked~label:after,.black .ui.checkbox label,.black .ui.checkbox label:hover,.black .ui.checkbox+label:hover,.black .ui.form .field>label,.black .ui.form .inline.fields>label,.black .ui.form input:not([type]),.black .ui.radio.checkbox label,.black .ui.selection.visible.dropdown>.text:not(.default),.black .verification label,.formPage .black .formbox.ui .list-item label.fl,.black .ui.checkbox label:hover,.black .ui.checkbox+label,.black.ui.checkbox label
{
    color:#8a8a8a;
}